<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Insert title here</title>
	<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery-3.2.1.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery-easyui/jquery.easyui.min.js"></script>
	<link rel="stylesheet" href="<%=request.getContextPath() %>/js/jquery-easyui/themes/default/easyui.css"/>
	<link rel="stylesheet" href="<%=request.getContextPath() %>/js/jquery-easyui/themes/icon.css"/>
<body>     <!-- 页面样式和查询  必须加-->
	<div id="cc" class="easyui-layout" style="width:600px;height:400px;" data-options="fit:true">   
	    <div data-options="region:'center',title:'数据展示'" style="padding:5px;background:#eee;">
	    	<table class="easyui-datagrid" id="showData" data-options="fit:true"></table>
	    </div>   
	</div>
	<div id="dd"></div> 
	
	<script type="text/javascript">
		/* datagrid 默认查询是会往后台传递两个参数
			查询时需要的分页参数
				当前页             page
				每页多少条    rows
			返回时
				总条数   total
				每页的数据 rows
		      和table的id一致     datagrid这个数是规定
			      */
			      
			   
			$('#showData').datagrid({                //查询方法的地址和控制层一致
		    url:"<%=request.getContextPath()%>/userController/queryUser.do",     
		    fitColumns:true,
		    striped:true,
		    loadMsg:"正在加载,请稍等....",           //页面加载
		    pagination:true,                 //分页三个属性pagination是打开分页
		    pageList:[3,5,10],              //pageList设置要查询的条数
		    pageSize:3,                      //每页要显示的条数
		    columns:[[                             //这是查询下面的数要和数据库一致
		        {field:'box',checkbox:true},
		        {field:'brandOfficeId',title:'ID',width:100},    
		        {field:'brandOfficeName',title:'分店名称',width:100},
		        {field:'barndOfiiceAddres',title:'分店地址',width:100},    
		        {field:'brandOfficePhone',title:'分店电话',width:100},  
		        
		        	
		        	
		        {field:'brandOfficeDate',title:'开业时间',width:100},    
		        {field:'brandOfficeDescroption',title:'分店描述',width:100},
		        
		        ]],
		    
		    //工具栏
		    toolbar: [{
				iconCls: 'icon-edit',  //按钮
				handler: function(){  //和table  id一致        规定的
					var com = $("#showData").datagrid("getSelected");
					//alert(com.cpuId)
					$('#dd').dialog({    //div  的id
					    title: '修改分店信息',    //头部
					    width: 400,    //宽
					    height: 360,    //高
					    closed: false,    
					    cache: false,    
					    modal: true,                                //路劲绝对路径回显                   拼接的id
					    href:"<%=request.getContextPath()%>/skzps/jumptoupdateShowZps.do?brandOfficeId="+com.brandOfficeId, 
					    buttons:[{
							text:'保存',       //按钮
							handler:function(){
								$.ajax({                     //Ajax提交路径修改方法
									url:"<%=request.getContextPath()%>/userController/updateCom.do",
									type:"post",     //提交的格式
									data:$("#add_Form").serialize(), //form表单的id
									dataType:"text",     //返回格式
									success:function (addFlag){
										if(addFlag == "updateSuccess"){  //判断
											$('#dd').dialog('close');   //div 的id
											$('#showData').datagrid('reload'); //table 的id
										}
									},
									error:function (){
										alert("修改出错");  //提示
									}
								})	
							}
						}]
					});
				}
			},'-',{
				iconCls: 'icon-remove', //按钮
				handler: function(){    //table 的id一致    规定
					var cpus = $("#showData").datagrid("getSelections");
					var ids="";
					$.each(cpus,function(){
						ids+=this.brandOfficeId+",";   //拼接的id
					})
					
					$.ajax({                                  //删除方法的路劲
						url:"<%=request.getContextPath()%>/userController/deleteCom.do",
						type:"post",   //提交的方式
						data:{"ids":ids},  //后台出过来的属性
						dataType:"text",    //返回格式
						success:function (delFlag){
							//alert(ids);
							if(delFlag == "success"){     //和table 的id一致
								$('#showData').datagrid('reload');
							}
						},
						error:function (){
							alert("删除出错"); //提示
						}
					})	
				}
			}]
		});  
	
		
			function myformatter(date){
				 var y = date.getFullYear();
				 var m = date.getMonth()+1;
				 var d = date.getDate();
				 return y+'-'+(m<10?('0'+m):m)+'-'+(d<10?('0'+d):d);
				}
				 function myparser(s){
				 if (!s) return new Date();
				 var ss = (s.split('-'));
				 var y = parseInt(ss[0],10);
				var m = parseInt(ss[1],10);
				 var d = parseInt(ss[2],10);
				 if (!isNaN(y) && !isNaN(m) && !isNaN(d)){
				 return new Date(y,m-1,d);
				 }else{
				 return new Date();
				 }
				}
		
		
		</script>

</body>
</html>